<template>
<div class="d">
  <div class="b">
      <div class="a">
        <el-button class="c">阅卷老师</el-button>
        <el-button class="c">出卷老师</el-button>
        <el-button class="c">监考老师</el-button>
        <el-button class="c">考试负责人</el-button>
      </div>
      <div class="a">
        <el-button class="c">学科老师</el-button>
        <el-button class="c">班主任</el-button>
        <el-button class="c">年级主任</el-button>
        <el-button class="c">校长</el-button>
      </div>
      <div class="a">
        <el-button class="c" @click="entry">Entry</el-button>          
      </div>
  </div>
</div>
</template>

<script>
export default {
    methods: {
        entry() {
            this.$router.push({
                name: 'TeacherInterface',
                params: {
                    paperTeacher: true,
                    markingTeacher: true,
                    invigilator: true,
                    leadingExaminer: true,
                    subjectTeacher: true,
                    classMaster: true,
                    gradeLeader: true,
                    schoolMaster: true
                }
            })
        }
    }
}
</script>

<style lang="less" scoped>
.a {
    height: auto;
    width: auto;
    margin: 20px;
}
.b {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
.c {
    height: 100px;
    width: 100px;
}
.d {
    height: 100%;
    width: 100%;
}
</style>